<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>TableTest</title>
</head>
<body>
<script src="jquery-2.1.0.js"></script>
<script src='jq-sum.js'></script>
<script src='table-test.js'></script>
<table id="shoes">
    <thead>
    <tr class="one">
        <th>Product</th><th>Quantity</th><th>Price</th>
    </tr>
    </thead>
    <tfoot>
    <tr class="two" id="sum">
        <td>Total</td><td></td><td></td>
    </tr>
    <tr id="average">
        <td>Average</td><td></td><td></td>
    </tr>
    </tfoot>
    <tbody>
    <tr>
        <td>Nike</td><td>50</td><td>600</td>
    </tr>
    <tr>
        <td>Adidas</td><td>10</td><td>800</td>
    </tr>
    <tr>
        <td>Sony</td><td>100</td><td>1000</td>
    </tr>
    </tbody>
</table>


</body>
</html>